<template>

  <section id="orderResult"  class="order-result">


        <div class="tran-center order-result-layer">
            <div class="text-center tran-center" style="width : 100%;">

              <span class="logo logo-lg ib"></span>


              <p class="order-text" v-if="orderInfo.state == orderResult.FIRST ">
                门已开启
                <br/>
                这是您第 <span class="last-count text-primary">{{orderInfo.times}}</span>次Vii之旅
              </p>


               <div class="order-text"  v-if="orderInfo.state == orderResult.RUNNING ">
                 <div class="mb15">门已开启</div>
                您的Vii之旅还剩余 <span class="text-primary">{{seckillMsg}}</span>
              </div>


              <div  v-if="orderInfo.state == orderResult.END ">
                  <div class="order-text" >
                     <div class="mb15">门已开启</div>
                    您本次的Vii之旅已经结束
                  </div>

                  <p class="tips">
                    回家美美洗个澡，放松一下！
                  </p>
              </div>


              <div  v-if="orderInfo.state == orderResult.TIME_OUT ">
                <div class="order-text" >
                  <div class="mb15">门已开启</div>
                  <div class="mb5">您本次的Vii之旅已经结束</div>
                  超时 <span class="text-primary">{{getOutTime}}</span>,
                  共<span class="text-primary">{{orderInfo.overtimeCost}}</span>元计入下次预约
                </div>

                <p class="tips" v-if="orderInfo.times <= 60  * 30">
                  为了其它V友的体验
                  <br/>
                  请按照预约时间健身
                </p>

                <p class="tips" v-if="orderInfo.times > 60  * 30">
                  累计3次异常操作
                  <br/>
                  后续将无法继续享受vii健身相关服务
                </p>
              </div>

            </div>


        </div>


  </section>
</template>
<style lang="scss" scoped>
  @import "../css/order-result";
</style>

<script type="text/javascript" src="../js/orderResult"></script>


